<!DOCTYPE html>
<html lang="cn">

<head>
    <meta charset="UTF-8">
    <title>迎新年有好礼,轮胎保养5折起</title>
    <link rel="stylesheet" type="text/css" href="css/m-reset.css">
    <link rel="stylesheet" type="text/css" href="css/index2.css">
</head>

<body>
    <div class="g-box">
        <div class="g-bd">
            <ul class="m-you f-cb">
                <li class="f-fl" v-for="youList in jiyouData" v-on:click="getApp(1,youList.id)">
                    <img v-bind:src="youList.src" alt="">
                    <h2 class="u-tit2">{{youList.title}}</h2>
                    <p class="u-price">¥<span>{{youList.price}}</span><em>¥{{youList.oprice}}</em></p>
                    <button>立即购买</button>
                </li>
            </ul>
            <ul class="m-you f-cb">
                <li class="f-fl" v-for="tList in tyreData" v-on:click="getApp(1,tList.id)">
                    <img v-bind:src="tList.src" alt="">
                    <h2 class="u-tit2">{{tList.title}}</h2>
                    <p class="u-price">¥<span>{{tList.price}}</span> <em>¥{{tList.oprice}}</em></p>
                    <button>立即购买</button>
                </li>
            </ul>

            <div class="g-rules">
                <div class="rules-top"></div>
                <div class="m-rules">
                    <h2>活动规则</h2>
                    <div class="rules-con">
                        <p>1.为了让更多用户享受优惠活动，本活动每个用户仅限参与一次、购买一次，同一牛汽配账号、手机号、IP地址、收货人姓名 、收货地址，满足以上任一条件均视为同一用户。</p>
                        <p>2.本活动涉及买一送一商品，用户仅需下单1件，系统自动赠送同一规格商品。</p>
                        <p>3.本次活动商品均不支持到店安装，不包含安装服务费。</p>
                        <p>4.物流发货</p>
                        <p>①、发货时间：下单之后48小时内发货(节假日顺延)；</p>
                        <p>②、发货方式：根据订单具体商品及数量，选择快递、同城速运、物流等多种方式；</p>
                        <p>③、发货费用：本次活动所有商品不包含运费，运费需根据发货方式由用户自行承担；</p>
                        <p>④、物流跟踪：牛汽配平台发出的商品均有专人负责跟踪物流，如需了解物流信息可致电牛汽配客服电话；</p>
                        <p>5.本次活动商品非质量问题不支持退换；</p>
                        <p>6.本次活动仅限浙江省内用户购买；</p>
                        <p>7.活动最终解释权属于牛汽配；</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="g-ft"></div>
    </div>
    <!-- rem -->
    <script src="js/rem.min.js"></script>
    <!-- 引入vue框架 -->
    <script src="js/vue.min.js"></script>
    <!-- 首页js文件 -->
    <script src="js/index3.js"></script>
</body>

</html>